@extends('common.public')
@section('title', $info['c_name']."-深圳市峰华科技有限公司")
@section('keyword', $info['c_keyword'])
@section('description', $info['c_desc'])
@section('content')
<div class="page-banner" >
        <div class="img-banner md:py-5 flex md:items-center" style="background-image:url('/uploads/{{$banner}}');">
            <div class="banner-infos flex flex-wrap items-center w-full md:w-1/2 py-3 px-4">
                <div class="banner-inner py-3 px-4">
                    <div class="page-title w-full  text-4xl mb-5 text-white">{{$info['c_name']}}</div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-content">
        <div class="w-full href-hash flex text-sm py-3"> 当前位置:
            <a href="/" title="首页">首页</a><span class="iconfont icon-xiangyou"></span><a href="/project-category/portfolio/" title="产品中心">产品中心</a>
            <span class="iconfont icon-xiangyou"></span><span>{{$info['c_name']}}</span></div>
            @if( !empty($list) )
        @foreach($list as $k=>$v)
        <div class="p-list flex flex-wrap py-8 md:px-20">
            @if(!empty($v['product']))
            <div class="pro-title w-full py-3 mb-2 text-xl">{{$v['title']}}</div>
            @foreach($v['product'] as $vv)
            <div class="one-p w-full md:w-1/3 flex items-stretch">
                <div class="p-content w-full items-stretch hover:bg-gray-100 hover:shadow-lg rounded mb-3 md:px-10 md:mx-4 py-4">
                    <a href="{{$vv['url']}}">
                        <div class="p-img flex justify-center">
                            <img src="/uploads/{{$vv['thumb']}}" title="{{$vv['name']}}" alt="">
                        </div>
                    </a>
                    <div class="p-infos pt-4">
                        <a href="{{$vv['url']}}" title="{{$vv['name']}}"><h3 class="p-titles leading-6 text-lg mb-2">{{$vv['name']}}</h3></a>
                        <div class="p-desc text-sm">
                            {{$vv['Introduction']}}
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            @endif
        </div>
        @endforeach
        @endif
    </div>
@endsection